.register,
.login {
	background: url(../img/bg.jpg);
	background-size: cover;
}

.btn-login,
.btn-register{
	margin-left: 95px;
}
.register-card,
.login-card {
	width: 600px;
}
.banner-box {
	margin-left: 0;
	margin-right: 0;
	width: 66%;
	height: 340px;
	
}

.banner-box .title {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0px;
	background-color: rgba(0, 0, 0, 0.6);
	color: white;
	opacity: 0;
	transition: all 1s;
}

.ani-slide .title {
	bottom: 20px;
	opacity: 1;
}

.page-banner .container {
	display: flex;
}
.page-3 {
	width: 33%;
	position: relative;
}
.tab-content  {
	height: 270px;
}
.img-thumbnail {
	border-radius: 100%;
	width: 160px;
	position: absolute;
	top: 60px;
	left: 120px;
}
.button{
	position: absolute;
	top: 260px;
	left: 130px;
}
/* .item-2{
	background-color: rgba(0, 0, 0, 0.5);
} */
.page-3 p{
	position: absolute;
	top: 260px;
	left:150px
}


.card-usercenter{
	width: 980px;
	
}
/* .card-usercenter .img-thumbnail {
	border-radius: 100%;
	width: 160px;
	position: absolute;
	top: 60px;
	left: 400px;
} */
.card-body .picture{
	width: 160px;
	border-radius: 100%;
	
}

.btn-change{
	margin-left: 325px;
}